import { Component, VueComponent, Mut, Link, Hook } from 'vue3-oop'
import styles from "./test.module.scss"
import { NCard,NButton,NGrid,NGi } from 'naive-ui'


import SelectDialog from "@/components/tool/SelectDialog";

@Component()
export default class TestView extends VueComponent {
  constructor() {
    super()
  }

  handleSelect=()=>{
    const selectDialog = new SelectDialog();
    selectDialog.setTitle("TEST");
    selectDialog.open();


  }

  render() {
    return (
      <NCard
        style={{
          height: '1000px'
        }}
      >
        <NGrid xGap={12} cols={4}>
          <NGi>0</NGi>
          <NGi>2</NGi>
          <NGi>3</NGi>
          <NGi offset={-1}>
            <NButton onClick={this.handleSelect} >SELECT</NButton>
          </NGi>
        </NGrid>
      </NCard>
    )
  }
}
